<template>
  <div>
    <el-switch
      v-model="isCollapse"
      active-text="展开侧栏"
      inactive-text="收起侧栏"
      :active-value="false"
      :inactive-value="true"
      active-color="orange">
    </el-switch>
  </div>
</template>

<script>
export default {
  computed: {
    isCollapse: {
      get() {
        return this.$store.state.jqkit.menuSwitchStatus;
      },
      set(value) {
        this.$store.commit('SET_MENU_SWITCH_STATUS', value);
      }
    }
  },
  data() {
    return {
    };
  },
  methods: {
  }
};
</script>

<style scoped>
::v-deep .el-switch__label.is-active {
  color: orange;
}
</style>